<h2>
		 邮件编写	</h2>
	<div class="codeView bs-docs-example ">
				<div class="wrapper wrapper-content">
	<div class="row">
		                    	<div class="col-lg-3">
		<div class="ibox float-e-margins">
			<div class="ibox-content mailbox-content">
				<div class="file-manager">
							<a class="btn btn-block compose-mail" href="/../page/mailCompose.page">写信</a>
		<div class="space-25"></div>
		<h5>文件夹</h5>
			<ul class="folder-list m-b-md" style="padding: 0">
							<li>
		<a href="#"> <i class="fa fa-inbox"></i>收件箱 <span class="label label-warning pull-right">16</span> 
		</a>
	</li>
			<li>
		<a href="/../page/mailDetail.page"> <i class="fa fa-envelope-o"></i>发信 <span class="label  pull-right"></span> 
		</a>
	</li>
			<li>
		<a href="#"> <i class="fa fa-certificate"></i>重要 <span class="label  pull-right"></span> 
		</a>
	</li>
			<li>
		<a href="#"> <i class="fa fa-file-text-o"></i>草稿 <span class="label label-danger pull-right">2</span> 
		</a>
	</li>
			<li>
		<a href="#"> <i class="fa fa-trash-o"></i>垃圾箱 <span class="label  pull-right"></span> 
		</a>
	</li>
			</ul>
		<h5>分类</h5>
			<ul class="category-list" style="padding: 0">
								<li>
	<a href="#"> <i class="fa fa-circle text-navy"></i> 		工作	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-circle text-danger"></i> 		文档	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-circle text-primary"></i> 		社交	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-circle text-info"></i> 		广告	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-circle text-warning"></i> 		客户端	</a>
	</li>
			</ul>
		<h5 class="tag-title">标签</h5>
			<ul class="tag-list" style="padding: 0">
								<li>
	<a href="#"> <i class="fa fa-tag "></i> 		朋友	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-tag "></i> 		工作	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-tag "></i> 		家庭	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-tag "></i> 		孩子	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-tag "></i> 		假期	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-tag "></i> 		音乐	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-tag "></i> 		照片	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-tag "></i> 		电影	</a>
	</li>
			</ul>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
                    	<div class="col-lg-9 animated ">
                                                	     <div class="mail-box-header">
                <div class="pull-right tooltip-demo">
                	                        				<a href="/../page/emailTemplate.page" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="存为草稿"><i class="fa fa-pencil"></i> 		存为草稿	</a>
                        			<a href="/../page/emailTemplate.page" class="btn btn-danger btn-sm" data-toggle="tooltip" data-placement="top" title="放弃"><i class="fa fa-times"></i> 放弃</a>
                                        </div>
                <h2>写信</h2>
         </div>
                        	<div class="mail-box">
		                            	<div class="mail-body ">
                                      			 <form method="get" class="form form-horizontal responsive form-horizontal">
	 			                                		<div class="form-group">
           <label class="col-sm-2 control-label">发送到：</label>
           <div class="col-sm-10">
                <input type="text" class="form-control" value="liyl@tinygroup.org">
           </div>
    </div>
                                    	<div class="form-group">
           <label class="col-sm-2 control-label">主题：</label>
           <div class="col-sm-10">
                <input type="text" class="form-control" value="">
           </div>
    </div>
                                		 </form>
                               </div>

                            	<div class="mail-text">
            <div id="forumPost">
                                         	   <script type="text/plain" id="myEditor">										这里我可以写一些输入提示
								</script>
   <script type="text/javascript">
		window.UMEDITOR_CONFIG.textarea='myEditorName'
		UM.delEditor('myEditor');
		UM.getEditor('myEditor');
   </script>

							            </div>
            <div class="clearfix"></div>
     </div>                  
								<div class="mail-body text-right tooltip-demo">
          										<a href="/../page/emailTemplate.page" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="存为草稿"><i class="fa fa-pencil"></i> 		存为草稿	</a>
										<a href="/../page/emailTemplate.page" class="btn btn-primary btn-sm" data-toggle="tooltip" data-placement="top" title="Send"><i class="fa fa-reply"></i> 		发送	</a>
                                		<a href="/../page/emailTemplate.page" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Discard email"><i class="fa fa-times"></i> 		放弃	</a>
                                		<a href="/../page/emailTemplate.page" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Move to draft folder"><i class="fa fa-pencil"></i> 		存为草稿	</a>
                               </div>
                            	<div class="clearfix"></div>
                        	</div>
                        </div>
				</div>
	</div>
	</div>

		<h3>
		组件包	</h3>
	<pre class="prettyprint linenums"><span class="Huialert-danger"> 邮件模板依赖org.tinygroup.emailTemplate包，编辑器组件要依赖org.tinygroup.UEditor包</span></pre>
